<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>客户服务</title>
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
  <!-- 引入 JS 文件 -->
  <script src="./js/lib/eruda.min.js"></script>
  <script src="./js/vue/vue.min.js"></script>
  <script src="./js/vue/vant.min.js"></script>
  <script src="./js/common/common.js"></script>
  <script src="./js/common/rem.js"></script>
  <script src="./js/common/appAction.js"></script>
  <script src="./js/common/serviceAction.js"></script>
  <script src="./js/common/webLink.js"></script>
  <!-- 引入 CSS 文件 -->
  <link rel="stylesheet" href="./js/vue/vantCss.css" />
  <link rel="stylesheet" href="./css/common.css" />
  <link rel="stylesheet" href="./css/vantUser.css" />
  <link rel="stylesheet" href="./css/service.css" />

<body>
  <div class="main" id="app">
    <van-skeleton title :row="20" :loading="loading">
    </van-skeleton>
    <div class="mainBox">
      <div class="planeTit">保单服务</div>
      <div class="topPlane">
        <van-tabs v-model="tabActive" animated>
          <van-tab name="1">
            <template #title> <img src="./img/service/icon1.png" class="icon" />核保专家</template>
            <div class="gridBox">
              <van-grid :gutter="7">
                <van-grid-item @click="doOpenWebPage('insuranceAmountAccu')">
                  <img src="./img/service/icon4.png" class="icon" />
                  累计保额查询
                </van-grid-item>
                <van-grid-item @click="doOpenWebPage('residualEstimation')">
                  <img src="./img/service/icon5.png" class="icon" />
                  剩余保额查询
                </van-grid-item>
                <van-grid-item @click="doOpenWebPage('BMICalculator')">
                  <img src="./img/service/icon6.png" class="icon" />
                  BMI计算器
                </van-grid-item>
                <van-grid-item @click="doOpenWebPage('hbKnowledge')">
                  <img src="./img/service/icon7.png" class="icon" />
                  核保知识库
                </van-grid-item>

              </van-grid>
            </div>
          </van-tab>
          <van-tab name="2">
            <template #title> <img src="./img/service/icon2.png" class="icon" />保单服务</template>
            <div class="gridBox">
              <van-grid :gutter="7">
                <van-grid-item @click="doOpenWebPage('policyDeal')" v-if="loginType!='1'">
                  <img src="./img/service/icon4.png" class="icon" />
                  移动保全
                </van-grid-item>
                <van-grid-item @click="doOpenWebPage('policySearch')">
                  <img src="./img/service/icon17.png" class="icon" />
                  保单申请
                </van-grid-item>
                <van-grid-item @click="doOpenWebPage('policyQueryInput')">
                  <img src="./img/service/icon5.png" class="icon" />
                  保全记录查询
                </van-grid-item>
              </van-grid>
            </div>
          </van-tab>
          <van-tab name="3">
            <template #title> <img src="./img/service/icon3.png" class="icon" />理赔大使</template>
            <div class="gridBox">
              <van-grid :gutter="7">
                <van-grid-item @click="doOpenWebPage('claimProgressList')">
                  <img src="./img/service/icon4.png" class="icon" />
                  理赔进度查询
                </van-grid-item>
                <van-grid-item @click="doOpenWebPage('claimVisiting')">
                  <img src="./img/service/icon5.png" class="icon" />
                  住院探视服务
                </van-grid-item>

              </van-grid>
            </div>
          </van-tab>
        </van-tabs>
      </div>
      <div class="planeTit">客户服务</div>
      <ul class="customerBox">
        <li @click="doWxMiniProgram('保单检视')">
          <img src="./img/service/icon10.png" class="icon" />保单检视
        </li>
        <!-- @click="doOpenWebPage('retirementCommunity')" -->
        <li @click="doRefuse()">
          <img src="./img/service/icon9.png" class="icon" />养老社区
        </li>
        <li @click="doOpenWebPage('elderlyCare')">
          <img src="./img/service/icon12.png" class="icon" />养老红本
        </li>
        <li @click="doOpenWebPage('oneYearMInsuranceExpiresApp')">
          <img src="./img/service/icon13.png" class="icon" />短险续投
        </li>
        <li @click="doOpenWebPage('wisdomVipLevelQuery')">
          <img src="./img/service/icon14.png" class="icon" />会员查询
        </li>
        <li @click="doOpenWebPage('wisdomProduct')">
          <img src="./img/service/icon15.png" class="icon" />附约查询
        </li>
      </ul>
      <div class="planeTit">荣誉体系</div>
      <ul class="gridhonor" v-if="branchType=='1'">
        <li @click="doOpenWebPage('highHonor')">
          <img src="./img/service/grid1.png" class="icon" />
        </li>
        <li @click="doOpenWebPage('aeonProcess')">
          <img src="./img/service/grid2.png" class="icon" />
        </li>
      </ul>
      <ul class="gridhonor" v-if="branchType=='4'">
        <li @click="doOpenWebPage('renewalHighHonor')">
          <img src="./img/service/xqGrid1.png" class="icon" />
        </li>
        <li @click="doOpenWebPage('renewalClimb')">
          <img src="./img/service/xqGrid2.png" class="icon" />
        </li>
      </ul>
      <ul class="gridhonor" v-if="branchType=='F'">
        <li @click="doOpenWebPage('wealthHonor')">
          <img src="./img/service/grid1.png" class="icon" />
        </li>
        <li @click="doOpenWebPage('aeonProcess')">
          <img src="./img/service/grid2.png" class="icon" />
        </li>
      </ul>
      <div class="planeTit">图片助手</div>
      <div class="picBox">
        <van-tabs v-model="subType" animated @change="changeSubType">
          <van-tab title="个人贺报" name="1"></van-tab>
          <van-tab title="团队贺报" name="2" v-if="showTeam"></van-tab>
          <van-tab title="产品海报" name="3"></van-tab>
          <van-tab title="公司信息" name="4"></van-tab>
        </van-tabs>
        <div class="listPic" v-if="subType=='1'||subType=='2'||subType=='4'">
          <ul>
            <li v-for="(item,index) in listData" v-if="subType=='4'">
              <van-image width="3.04rem" height="4.4rem" fit="cover" :src="item" @click="doCompany(index)" />
            </li>
            <li v-for="(item,index) in listData" v-if="subType=='1'||subType=='2'">
              <van-image width="3.04rem" height="4.4rem" fit="contain" :src="item" @click="goPicList" />
            </li>
          </ul>
        </div>
        <div class="listPicHorizontal" v-if="subType=='3'">
          <ul :style="{width:11*2.6+'rem' }">
            <li v-for="item in 11">
              <van-image width="2.4rem" height="4.4rem" fit="cover" :src="'./img/service/produce/'+(item+1)+'.jpg'"
                @click="doShowPicture('./img/service/produce/'+(item+1)+'.jpg')" />

            </li>
          </ul>
        </div>

      </div>
    </div>
  </div>
  </div>
  <script src="./js/page/service.js"></script>
</body>

</html>